<?php
$config = require './config.php';   /* Global context config variables */
require './tpl/require.header.php';
?>
    <link rel="stylesheet" href="css/news.css" />
    </head>
    <body>
    <div class="wrapper">
        <?php
        require './tpl/require.page-header.php';
        ?>

    <div id="main-content" class="main-container">

        <div class="sub-nav-menu">
            <h2 class="topic-title">辉腾XRM<a href="#">为快消品行业量身打造</a></h2>
            <ul class="site-map">
                <li class="label">现在位置：</li>
                <li><a href="index.php">首页</a></li>
                <li><a href="news.php">新闻中心</a></li>
            </ul>

        </div>

        <div class="arow-parts">
            <div class="arow">
                <div class="arow-part-header">
                    <h1 class="page-label">新闻中心</h1>
                    <div class="page-header-shadow"></div>
                    <div class="banner">
                        <div class="span4 span-first-patch left-part">
                            <h2 class="label">辉腾动态</h2>
                            <div class="new-slider" id="news-new-slider1">
                                <div class="loading"><img src="images/loader.gif" width="50" alt="请稍候..."/></div>
                                <div class="pic">
                                    <ul>
                                        <li>
                                            <a href="news.post02.php">
                                                <img src="images/data/new2-02.jpg" thumb="" alt="辉腾官方网站，第二个版本发布，正式上线(全面公测)"
                                                     text="辉腾官方网站，第二个版本发布，正式上线(全面公测中...)"/>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="news.post01.php">
                                                <img src="images/data/www_website.jpg" thumb="" alt="辉腾官方网站正式上线(内测中...)"
                                                     text="辉腾官方网站正式上线(内测中...)"/>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="span6 span-last-patch right-part">
                            <h2 class="label">产品动态</h2>
                            <div class="vertical-slider-1" id="news-vertical-slider1">
                                <ul>
                                    <li class="vertical-slider-item">
                                        <img src="images/data/new2-02.jpg" width="76px" alt="" />
                                        <div class="content">
                                            <h3>
                                                <a href="news.post02.php">辉腾官方网站，第二个版本发布，正式上线(全面公测中...)</a>
                                            </h3>
                                            <p>
                                                辉腾官方网站，第二个版本发布，正式上线(全面公测中...)，第一个版本在十月7号上线，开始内测，相继10天后，十月17日，第二个版本焕然一新在此与大家见面。
                                            </p>
                                        </div>
                                    </li>
                                    <li class="vertical-slider-item">
                                        <img src="images/data/new2-02.jpg" width="76px" alt="" />
                                        <div class="content">
                                            <h3>
                                                <a href="news.post01.php">辉腾官方网站正式上线(内测中...)</a>
                                            </h3>
                                            <p>
                                                辉腾官方网站正式上线(内测中...)
                                            </p>
                                        </div>
                                    </li>
                                    <li class="vertical-slider-item">
                                        <img src="images/data/new2-02.jpg" width="76px" alt="" />
                                        <div class="content">
                                            <h3>
                                                <a href="news.post01.php">辉腾官方网站正式上线(内测中...)</a>
                                            </h3>
                                            <p>
                                                辉腾官方网站正式上线(内测中...)
                                            </p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <div class="post-list-title">
                        <p>文章分类：<a href="#">最新新闻</a></p>
                    </div>
                    <div class="pager">
                        <ul>
                            <li class="first"><a href="#">首页</a></li>
                            <li><a href="#">上一页</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">下一页</a></li>
                            <li class="last"><a href="#">尾页</a></li>
                            <li class="total">共2页/每页6条</li>
                        </ul>
                    </div>
                </div>
                <div class="arow-part-body">
                    <div id="cases" class="post-list-1 post-list-1patch1">
                        <ul>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="images/data/new2-01.jpg" width="252" alt=""/></a>
                                </div>
                                <div class="content-desc">
                                    <h3 class="title">
                                        <a href="news.post02.php">辉腾官方网站，第二个版本发布，正式上线(全面公测中...)</a>
                                    </h3>
                                    <div class="post-brief" content-text-length="250">
                                        <p>
                                            辉腾官方网站，第二个版本发布，正式上线(全面公测中...)，第一个版本在十月7号上线，开始内测，相继10天后，十月17日，第二个版本焕然一新在此与大家见面。
                                        </p>
                                    </div>
                                    <a class="cat-full-post" href="news.post02.php">查看全文>>></a>
                                </div>
                                <div class="post-info-bar">
                                    <ul class="part">
                                        <li class="post-updateTime">
                                            <a class="icon"></a>
                                            <a href="#">2013-10-17</a>
                                        </li>
                                        <li class="post-creater">
                                            <a class="icon"></a>
                                            辉腾Admin
                                        </li>
                                    </ul>
                                    <ul class="part">
                                        <li class="post-category">
                                            <a class="label">新闻分类：</a>
                                            <a href="#">辉腾动态</a>
                                            <a class="spliter">/</a>
                                            <a href="#">辉腾新闻</a>
                                        </li>
                                        <li class="post-tags">
                                            <a class="label">Tag：</a>
                                            <a href="#">辉腾科技</a>
                                            <a class="spliter">,</a>
                                            <a href="#">官网网站</a>
                                            <a class="spliter">,</a>
                                            <a href="#">版本2</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="images/data/new2-01.jpg" width="252" alt=""/></a>
                                </div>
                                <div class="content-desc">
                                    <h3 class="title">
                                        <a href="news.post01.php">辉腾官方网站正式上线(内测中...)</a>
                                    </h3>
                                    <div class="post-brief" content-text-length="250">
                                        <p>
                                            辉腾官方网站正式上线(内测中...)
                                        </p>
                                    </div>
                                    <a class="cat-full-post" href="news.post01.php">查看全文>>></a>
                                </div>
                                <div class="post-info-bar">
                                    <ul class="part">
                                        <li class="post-updateTime">
                                            <a class="icon"></a>
                                            <a href="#">2013-07-20</a>
                                        </li>
                                        <li class="post-creater">
                                            <a class="icon"></a>
                                            辉腾Admin
                                        </li>
                                    </ul>
                                    <ul class="part">
                                        <li class="post-category">
                                            <a class="label">新闻分类：</a>
                                            <a href="#">辉腾动态</a>
                                            <a class="spliter">/</a>
                                            <a href="#">辉腾新闻</a>
                                        </li>
                                        <li class="post-tags">
                                            <a class="label">Tag：</a>
                                            <a href="#">辉腾科技</a>
                                            <a class="spliter">,</a>
                                            <a href="#">官网网站</a>
                                            <a class="spliter">,</a>
                                            <a href="#">内测版</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="arow-part-footer post-list-footer">
                    <div class="pager">
                        <ul>
                            <li class="first"><a href="#">首页</a></li>
                            <li><a href="#">上一页</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">下一页</a></li>
                            <li class="last"><a href="#">尾页</a></li>
                            <li class="total">共2页/每页6条</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="arow">
                <div class="arow-part-body">
                    <div id="footerNewSelectTab1" class="select-tab-2">
                        <ul class="select-btn-group">
                            <li class="select-btn" data-target-id="footerNewSelectTab1$0"><a href="javascript:void(0);">辉腾动态</a></li>
                            <li class="select-btn" data-target-id="footerNewSelectTab1$1"><a href="javascript:void(0);">产品动态</a></li>
                            <li class="select-btn" data-target-id="footerNewSelectTab1$2"><a href="javascript:void(0);">行业动态</a></li>
                        </ul>
                        <ul class="select-content-panel">
                            <li class="item-content-panel" id="footerNewSelectTab1$0">
                                <ul>
                                    <li><a href="news.post01.php">辉腾官方网站正式上线(内测中...)</a></li>
                                    <li><a href="news.post02.php">辉腾官方网站，第二个版本发布，正式上线(全面公测中...)</a></li>
                                </ul>
                            </li>
                            <li class="item-content-panel" id="footerNewSelectTab1$1">
                                <ul>
                                    <li><a href="news.post01.php">辉腾官方网站正式上线(内测中...)</a></li>
                                    <li><a href="news.post02.php">辉腾官方网站，第二个版本发布，正式上线(全面公测中...)</a></li>
                                </ul>
                            </li>
                            <li class="item-content-panel" id="footerNewSelectTab1$2">
                                <ul>
                                    <li><a href="news.post01.php">辉腾官方网站正式上线(内测中...)</a></li>
                                    <li><a href="news.post02.php">辉腾官方网站，第二个版本发布，正式上线(全面公测中...)</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    </div>
    <script type="text/javascript" src="js/libs/jquery-1.8.3.min.js"></script>
    <!-- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> -->
    <script type="text/javascript" src="js/libs/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/page/slider/myfocus-2.0.1.full.js"></script>
    <script type="text/javascript" src="js/xf/vertical-slider.js"></script>
    <script type="text/javascript" src="js/xf/utils.js"></script>
    <script type="text/javascript" src="js/xf/select-tab.js"></script>
    <script type="text/javascript">
        $(function(){
            myFocus.set({
                id: 'news-new-slider1', //ID
                pattern: 'mF_YSlider'   //风格
            });
            $Runtime.newVerticalSlider1 = new XF.VerticalSlider1( $('#news-vertical-slider1'), {
                "slide_count" : 3,
                "slidered" : function(){}
            });
            $Runtime.newVerticalSlider1.startMoveInterval(5000);
            $Runtime.footerNewSelectTab1 = new XF.SelectTab({
                "wrapper_jQ" : $('#footerNewSelectTab1'),
                "activeEventName" : 'click'
            });
        });
    </script>
<?php
require './tpl/require.footer.php';
?>